<template>
  <el-row :gutter="20" style="width: 100%;">
    <router-link :to="{ name: 'data'}" ><el-col :span="6"><div class="bom"><img src="/img/data.svg" class="img"><div class="text">数据分析</div></div></el-col></router-link>
    <router-link :to="{ name: 'user'}" ><el-col :span="6"><div class="bom" ><img src="/img/user.svg" class="img"><div class="text">用户</div></div></el-col></router-link>
    <router-link :to="{ name: 'seeker'}" ><el-col :span="6"><div class="bom" ><img src="/img/seeker.svg" class="img"><div class="text">应聘者信息</div></div></el-col></router-link>
    <router-link :to="{ name: 'note'}" ><el-col :span="6"><div class="bom" ><img src="/img/resume.svg" class="img"><div class="text">简历信息</div></div></el-col></router-link>
  </el-row>
  <el-row :gutter="20" style="width: 100%;">
    <router-link :to="{ name: 'submit'}" ><el-col :span="6"><div class="bom"><img src="/img/track.svg" class="img"><div class="text">投递过程跟踪</div></div></el-col></router-link>
    <router-link :to="{ name: 'company'}" ><el-col :span="6"><div class="bom" ><img src="/img/company.svg" class="img"><div class="text">企业信息</div></div></el-col></router-link>
    <router-link :to="{ name: 'hr'}" ><el-col :span="6"><div class="bom" ><img src="/img/hr.svg" class="img"><div class="text">招聘者信息</div></div></el-col></router-link>
    <router-link :to="{ name: 'employee'}" ><el-col :span="6"><div class="bom" ><img src="/img/employee.svg" class="img"><div class="text">招聘信息</div></div></el-col></router-link>
  </el-row>
  <el-row :gutter="20" style="width: 100%;">
    <router-link :to="{ name: 'content'}" ><el-col :span="6"><div class="bom"><img src="/img/content.svg" class="img"><div class="text">论坛内容</div></div></el-col></router-link>
    <router-link :to="{ name: 'approvalCompany'}" ><el-col :span="6"><div class="bom" ><img src="/img/approval.svg" class="img"><div class="text">企业入驻审批</div></div></el-col></router-link>
  </el-row>
</template>

<script setup>

</script>

<style scoped>
.bom{
  width: 250px;
  height: 180px;
  /* #9296F0*/
  background-color: #9296F0;
  margin-left: 50px;
  margin-top: 35px;
  border-radius: 8px;
 /* line-height: 280px;******/
  display: inline-block;
  transition: all 0.3s ease;
  border-color: black;
}
.text{
  color: black;
  margin-top: 25px;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
  font-family: "宋体";
}
.img{
  width: 60px;
  height: 60px;
  margin-top: 30px
}
.bom router-link:hover {
  color: #007bff;
}
</style>